<%- include ../public/page_header.html %>


<div class="panel panel-default">              
    <div class="panel-heading">
        增加商品类型属性
    </div>
    <div class="panel-body">
        <div class="table-responsive input-form">
            <form action="/admin/goodsTypeAttribute/doAdd" method="post">
                
                <ul>
                    <input type="hidden" name="_csrf" value="<%=csrf%>">

                    <li>  　属性名称： <input type="text" name="title"/></li> 
                    
                    <li>  　所属类型：
                        <select name="cate_id" id="cate_id">
    
                            <% for(var i=0;i<goodsTypes.length;i++){ %>
   
                                <option <% if(cate_id.toString()==goodsTypes[i]._id.toString()){ %>selected<% } %> value="<%= goodsTypes[i]._id %>" ><%= goodsTypes[i].title %></option>                                           
                            <% } %>
                        </select>
                    </li> 

                        
                    <li>   　录入方式：
                        <input type="radio" name="attr_type" value="1" checked="true" id="text" /><label for="text">单行文本框</label> 　
                        <input type="radio" name="attr_type" value="2" id="textarea" /><label for="textarea">多行文本框</label> 　
                        <input type="radio" name="attr_type" value="3"  id="select" /><label for="select">从下面的列表中选择（一行代表一个可选值）</label>　                
                    </li> 
                    
                    <li>
                        可选值列表：
                        <textarea name="attr_value" id="attr_value" cols="60" rows="8" disabled="disabled"></textarea>
                    </li>

                    <li>
                        <br/>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </li>

                </ul>

            </form>
        </div>
    </div>


</div>

<script>

$(function(){

    $("input[name='attr_type']").change(function(){
  
        // console.log($(this).val()); 选择不同的  radio 

        if($(this).val()==3){

        $('#attr_value').attr('disabled',false)
        }else{
        $('#attr_value').attr('disabled',true)

        }


    });
})
</script>

</body>
</html>